import request from '../../utils/request'

// pages/personal/personal.js
// 手指按下的位置
let startY = 0
// 手指离开的位置
let endY = 0
// 手指移动的距离
let distanceY = 0
Page({

  /**
   * 页面的初始数据
   */
  data: {
    convertTransform: 'translateY(0rpx)', //控制移动距离的
    convertTransition: '', //控制过度效果
    userInfo: {}, //获取到的用户信息
    recentList: [], //获取用户播放历史
  },
  //手指按下事件的回调函数
  handlerStart(event) {
    // 初始化过度效果
    this.setData({
      convertTransition: ''
    })
    // console.log('我按下了',event);
    // 存储手指按下的纵坐标
    startY = event.touches[0].clientY
  },
  // 手指移动事件的回调函数
  handlerMove(event) {
    // console.log('我在移动',event);
    // 获取手指按下移动的距离
    endY = event.touches[0].clientY
    // 计算移动后的距离
    distanceY = endY - startY
    // 限制范围
    if (distanceY < 0) {
      return
    }
    if (distanceY > 80) {
      distanceY = 80
    }
    this.setData({
      convertTransform: `translateY(${distanceY}rpx)`
    })
  },
  // 手指离开事件的回调韩函数
  handlerEnd(event) {
    // console.log('我离开了',event);
    // console.log('111');
    this.setData({
      convertTransform: `translateY(0rpx)`,
      convertTransition: 'transform 0.3s linear'
    })
  },
  // 去登陆
  toLogin() {
    // 如果有用户信息就不登录
    if (!this.data.userInfo.nickname) {
      wx.navigateTo({
        url: '/pages/login/login',
      })
    }
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    const userInfo = wx.getStorageSync('userInfo')

    if (userInfo) {
      this.setData({
        userInfo: JSON.parse(userInfo)
      })
      this.getRecentList(this.data.userInfo.userId)
    }
    // console.log(this.data.userInfo);
    // console.log(this.data.recentList);
  },
  // 登录后获取用户播放列表
  async getRecentList(uid) {
    const recentListData = await request('/user/record', {
      uid,
      type: 1
    })
    // console.log(recentListData);
    let index = 0
    const recentList = recentListData.weekData.slice(0, 30).map((item) => {
      item.id = index++
      return item
    })
    this.setData({
      recentList: recentList
    })
    // console.log(this.data.recentList);
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})